<template>
  <div class="container">
    <section id="content">
      <form action="">
        <h1>管理员登录</h1>
        <div>
          <input type="text" placeholder="邮箱" required="" />
        </div>
        <div>
          <input type="password" placeholder="密码" required="" />
        </div>
        <div class="">
          <span class="help-block u-errormessage">&nbsp;</span> </div>
        <div>
          <input type="submit" value="登录" @click="loginMethod" class="btn btn-primary" />
          <a @click="forgetPwdMethod">忘记密码?</a>
        </div>
      </form>
      <!-- form -->
    </section>
    <!-- content -->
  </div>
</template>
<script>
export default {
  name: 'Login',
  data() {
    return {

    }
  },
  methods: {
    forgetPwdMethod() {

    },

    loginMethod() {
      this.$router.push({ name: 'Main' })
    },
  }
}

</script>
<style scoped>
body {
  background: url(../assets/images/background.jpg) 0 bottom repeat-x #049ec4;
  -webkit-animation: animate-cloud 20s linear infinite;
  -moz-animation: animate-cloud 20s linear infinite;
  -ms-animation: animate-cloud 20s linear infinite;
  -o-animation: animate-cloud 20s linear infinite;
  animation: animate-cloud 20s linear infinite;
  width: 100%;
  height: auto;
}

</style>
